
<div class="slidenav_menu container">
    <a href="javascript:;" class="toggle" id="sidenav-toggle">
        <i class="material-icons">menu</i>Menu
    </a>
</div>

<script type="text/javascript">// < ![CDATA[

jQuery(document).ready(function(){

    jQuery("#web_loading div").animate({width:"100%"},800,function(){

        setTimeout(function(){jQuery("#web_loading div").fadeOut(500);

        });

    });

});

// ]]></script>




<div id="web_loading"><div></div></div>

<style>
    #web_loading{
        z-index:99999;
        width:100%;
        position:fixed;
    }
    #web_loading div{
        width:0;
        overflow:hidden;
        height:2px;
        background:#cc0066;
    }
</style>
<div class="header">
    <div class="container-fluid header_top" >
    <div class="PageMenu">
    <div>
    
       <div class="topLi topLiCart" style="float:right; display:none;">
                    <a href="/Home/Cart/cart.html" class="topCart"><b></b><span>CART</span><em style="position:absolute;display:none;width:20px;height:20px;top:-10px;right:-10px;background:#fff;color:#E30072;line-height:20px;border-radius:10px;text-align:Center;" id="cart_quantity">0</em></a>

                </div>


        <ul class="shopItemUl">
            <li class="shopItem"><span><a href="javascript:void(0);" style="cursor:default;">SHOP</a></span>
                <div class="shopMenu" style="">
                    <div class="CategoryList" id="SideCategoryList">

                        <div class="BlockContent">
                            <div class="SideCategoryListClassic">
                                <ul class="category-list level1" style="width: 200px;">


                                    <tpshop sql="SELECT * FROM `__PREFIX__goods_category` where level=1 and is_show = 1 ORDER BY `id` DESC" key="k" item='v'>
                                        <li class="">
                                            <a href="{:U('Home/Goods/goodslist',array('id'=>$v[id]))}" class="hasSub">{$v[$name]}</a>
                                            <if condition="$v[id] eq 2">
                                                <ul class="level2" style="width: 174px;"><li class="">
                                                    <a href="{:U('Home/Goods/goodslist')}" class="hasSub"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Newest Arrivals</font></font></a>

                                                    <ul class="level3" style="width: 522px;"></ul></li><li class="">
                                                    <a  href="{:U('Home/Goods/goodslist',array('id'=>79))}" class="hasSub"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Pre-Optioned Sex Dolls</font></font></a>
                                                    <ul class="level3 gt12" style="width: 522px;"><li class="">
                                                        <a href="{:U('Home/Goods/goodslist',array('id'=>79))}"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">ALL Sex Dolls</font></font></a>

                                                    </li>

                                                        <tpshop sql="SELECT * FROM `__PREFIX__goods_category` where level=2 and parent_id = 79 and is_show = 1 ORDER BY `id` DESC" key="k2" item='v2'>
                                                            <li class="">
                                                                <a href="{:U('Home/Goods/goodslist',array('id'=>$v2[id]))}" ><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{$v2[name]}</font></font></a>

                                                            </li>

                                                        </tpshop></ul>
                                                </li><li class="">
                                                    <a href="{:U('Home/Goods/goodslist',array('id'=>91))}" class="hasSub"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Customize A Sex Doll</font></font></a>

                                                    <ul class="level3" style="width: 522px;"></ul></li><li class="">
                                                    <a href="{:U('Home/Goods/goodslist',array('id'=>51))}" class="hasSub"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Extra Sex Doll Heads</font></font></a>

                                                </li></ul>
                                                <else />
                                                <ul class="level2" style="width: 174px;">

                                                    <tpshop sql="SELECT * FROM `__PREFIX__goods_category` where level=2 and parent_id = $v[id] and is_show = 1 and is_shop=1 ORDER BY `id` DESC" key="k2" item='v2'>
                                                        <li>
                                                            <a  href="{:U('Home/Goods/goodslist',array('id'=>$v2[id]))}" class="hasSub"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{$v2[name]}</font></font></a>

                                                            <ul class="level3" style="width: 522px;"></ul></li>

                                                    </tpshop>
                                                </ul>
                                            </if>

                                        </li>

                                    </tpshop>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul class="pages-menu sf-menu sf-horizontal sf-js-enabled">


            <li  class="helpsubmenu">
                <a href="#"><span>BUILD YOUR OWN</span></a>
                <div class="subNav">
            <a href="/Home/Goods/search/q/CASD.html">Custom from the Body Style</a>
            <a href="/Home/Goods/search/q/ESDH.html">Custom from the Head Style</a>

                </div>
            </li>

            <li class="helpsubmenu">
                <a  href="{:U('Home/Goods/search',array('q'=>'TPE'))}"><span>SHOP</span></a>
                <div class="subNav" style="width: 400px;" >
                    <ul style="width:390px;" class="allcateogyr" >
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'PBFC'))}">Petite Body Flat Chest Dolls</a></li><!--娇小身体平胸-->
                        <li class="showsmenu" style="float:left;"><a href="{:U('Home/Goods/search',array('q'=>'RBD'))}">Regular Body Dolls</a></li><!--常规身体-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'BB'))}">Busty Body Dolls</a></li><!--丰满的身体-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'HBD'))}">Huge Boobs Dolls</a></li><!--大山雀-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'BAD'))}">Big Ass Dolls</a></li><!--大屁股-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'GD'))}">Blonde Dolls</a></li><!--金发-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'BK'))}">Black Dolls</a></li><!--黑人-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'JP'))}">Japanese Dolls</a></li><!--日本人-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'ED'))}">Exotic Dolls</a></li><!--奇特-->
                        <li class="showsmenu"><a href="{:U('Home/Goods/search',array('q'=>'MSD'))}">Male Sex Dolls</a></li><!--男性-->


                        <div style="clear: both;"></div>
                        <style>.allcateogyr li{ float:left !important; position: inherit !important; width: 195px !important; clear: inherit !important; overflow: hidden;}</style>


                    </ul>

                </div>
                <script>
                    $(".showsmenu").hover(function(){
                        $(this).find("ul").show();
                    },function(){
                        $(this).find("ul").hide();
                    });

                </script>

            </li>




            <script type="text/javascript">
                $(function(){
                    $(".helpsubmenu").hover(function(){
                        $(".helpsubmenu div.subNav").stop(false,true);
                        $(this).find("div.subNav").show();
                    },function(){
                        $(this).find("div.subNav").hide();
                    });
                });

            </script>
            <li  class="helpsubmenu">
                <a href="{:U('Home/Messages/messages_list')}"><span>CONTACT</span></a>
            </li>




        </ul>
    </div>
</div>
        <div class="logo" ><a href="/" ><img src="__STATIC__/images/logo.png"  /></a></div>
        <div class="col-md-3 fr_menu" >
        	<ul>
            	<li><a href="{:U('Home/Cart/cart')}" ><img src="__STATIC__/images/top_cart.png" /></a></li>
            	<li><a href="{:U('Home/user/login')}" ><img src="__STATIC__/images/top_person.png" /></a></li>
            	<li  class="helpsubmenu hidden-xs"><a href="#" ><img src="__STATIC__/images/top_search.png" /></a>
                 <div class="topSearch subNav clearfix">
                <form name="sourch_form" id="sourch_form" method="post" action="{:U('/Home/Goods/search')}">
                    <p class="sBox col-md-6 clearfix">
                        <input type="text" class="Stext" name="q" id="q" value="{$q}" placeholder="{$placeholder}">
                        <input type="submit" class="Ssub" value="SEARCH" onclick="if($.trim($('#q').val()) != '') $('#sourch_form').submit();">
                    </p>
                    <div id="search_autocomplete" class="search-autocomplete" style="display: none;"></div>


                </form>
            </div>
                </li>
            	<li   class="helpsubmenu hidden-xs"><a href="#" ><img src="__STATIC__/images/top_bi.png" /></a>
                 <div class="subNav">
                   <volist name="exchange_rate_list" id="v"  >
           				<a href="{:U('Home/Index/ajax_set_exchange_rate',array('id'=>$v[id]))}">{$v.title}</a>
                       
					</volist>
                </div>
                </li>
            </ul>
           
            
    


</div>

    </div>
</div>
    
    




<style>

    div.search-autocomplete {
        background-color: #ffffff;
        border-radius: 2px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        margin-top: -1px;
        padding: 0;
        text-align: left;
        width: 380px;
        z-index: 99999;
    }
    div.search-autocomplete ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    div.search-autocomplete li {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        color: #333333;
        cursor: pointer;
        display: block;
        line-height: 16px;
        margin: 0;
        overflow: hidden;
        padding: 4px 10px;
    }
    div.search-autocomplete li.selected {
        background-color: #f7f7f7;
        border-color: transparent;
    }div.search-autocomplete li .amount{float:right;}
</style>



<!-- mobile menu -->
<link rel="stylesheet" type="text/css" href="__STATIC__/css/menustyles.css" media="all" />
<link rel="stylesheet" type="text/css" href="__STATIC__/css/custom-2.css" media="all" />

<script>
		<if condition="$navid neq 'home'">
		$(".header").addClass("top_hover_bg");
		$(".header").css({"position":"relative"});
		</if>
    $(window).scroll(function () {

        var navH = $(".header").offset().top;
        var scroH = $(this).scrollTop();
        if(scroH>100){
		<if condition="$navid neq 'home'">
		//$(".header").css({"position":"fixed"});
		</if>
            $(".header").addClass("top_hover_bg");
        }else if(scroH < 100){
			<if condition="$navid neq 'home'">
				//$(".header").css({"position":"relative"});
			<else/>
            $(".header").removeClass("top_hover_bg");
			</if>
        }

        var navHtwo = $(".slidenav_menu").offset().top;
        var scroHtwo = $(this).scrollTop();
        if(scroHtwo>100){
            $(".slidenav_menu").css({"position":"fixed","top":0});
        }else if(scroHtwo < 100){
            $(".slidenav_menu").css({"position":"static"});
        }


    });
</script>






<script src="__STATIC__/dist/sidenav.min.js"></script>
<script>$('[data-sidenav]').sidenav();</script>

<link rel="stylesheet" type="text/css" href="__STATIC__/css/normalize.css" />
<link rel="stylesheet" href="__STATIC__/dist/sidenav.min.css" type="text/css">

<nav class="sidenav" data-sidenav data-sidenav-toggle="#sidenav-toggle">
    <div class="sidenav-brand">
        Menu<a href="javascript:;" class="toggle" id="sidenav-toggle" style="float:right;">
        <i class="material-icons">close</i>Close
    </a>
    </div>

    <ul class="sidenav-menu">

        <li>
            <a href="javascript:;" data-sidenav-dropdown-toggle class="active">

                <span class="sidenav-link-title">BUILD YOUR OWN</span>
                <span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_down</i>
		  </span>
                <span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_up</i>
		  </span>
            </a>
            <ul class="sidenav-dropdown" data-sidenav-dropdown>
                <li><a href="/Home/Goods/search/q/CASD.html">Custom from the Body Style</a></li>
                <li><a href="/Home/Goods/search/q/ESDH.html">Custom from the Head Style</a></li>

            </ul>
        </li>


        <li>
            <a href="javascript:;" data-sidenav-dropdown-toggle class="active">

                <span class="sidenav-link-title">SHOP</span>
                <span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_down</i>
		  </span>
                <span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_up</i>
		  </span>
            </a>
            <ul class="sidenav-dropdown" data-sidenav-dropdown>
                <li><a href="{:U('Home/Goods/search',array('q'=>'PBFC'))}">Petite Body Flat Chest Dolls</a></li><!--娇小身体平胸-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'RBD'))}">Regular Body Dolls</a></li><!--常规身体-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'BB'))}">Busty Body Dolls</a></li><!--丰满的身体-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'HBD'))}">Huge Boobs Dolls</a></li><!--大山雀-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'BAD'))}">Big Ass Dolls</a></li><!--大屁股-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'GD'))}">Blonde Dolls</a></li><!--金发-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'BK'))}">Black Dolls</a></li><!--黑人-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'JP'))}">Japanese Dolls</a></li><!--日本人-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'ED'))}">Exotic Dolls</a></li><!--奇特-->
                <li><a href="{:U('Home/Goods/search',array('q'=>'MSD'))}">Male Sex Dolls</a></li><!--男性-->
            </ul>
        </li>



        <li>
            <a href="javascript:;" data-sidenav-dropdown-toggle class="active">

                <span class="sidenav-link-title">HELP</span>
                <span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_down</i>
		  </span>
                <span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_up</i>
		  </span>
            </a>
            <ul class="sidenav-dropdown" data-sidenav-dropdown>
                <tpshop sql="select * from `__PREFIX__article` where cat_id = 2 and is_open=1  order by sort asc,article_id desc" key="k2" item='v2'>
                    <li><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[$title]}</a></li>
                </tpshop>
            </ul>
        </li>



        <li>
            <a href="javascript:;" data-sidenav-dropdown-toggle>

                <span class="sidenav-link-title">ABOUT</span>
                <span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_down</i>
		  </span>
                <span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_up</i>
		  </span>
            </a>

            <ul class="sidenav-dropdown" data-sidenav-dropdown>
                <li><a href="{:U('Home/Article/detail',array('article_id'=>6))}">About Us</a></li>
                <li><a href="{:U('Home/Article/detailtpe')}">About TPE and silicone</a></li>
            </ul>
        </li>



        <li>
            <a href="javascript:;" data-sidenav-dropdown-toggle>

                <span class="sidenav-link-title">CONTACT</span>
                <span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_down</i>
		  </span>
                <span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
			<i class="material-icons">arrow_drop_up</i>
		  </span>
            </a>

            <ul class="sidenav-dropdown" data-sidenav-dropdown>
                <li><a href="{:U('Home/Messages/messages_list')}"><span class="sidenav-link-title">CONTACT US</span></a></li>
                <li><a href="{:U('Home/Index/joinus')}"><span class="sidenav-link-title">BECOME  A  DEALER</span></a></li>
            </ul>
        </li>



    </ul>


</nav>



<script>
    function set_exchange_rate(id){
        $.ajax({
            type: "POST",
            url: "{:U('Home/Index/ajax_set_exchange_rate')}",//+tab,
            data: {id: id}, //
            dataType: 'json',
            success: function () {
                location.reload();
            }
        });
    }

</script>



<script>
    $(function(){
        var uname= getCookie('uname');
        if(uname == ''){
            $('.islogin').remove();
            $('.nologin').show();
        }else{
            $('.nologin').remove();
            $('.islogin').show();
            $('.userinfo').html(decodeURIComponent(uname));
        }
        get_cart_num();
    })

    function get_cart_num(){
        var cart_cn = getCookie('cn');
        if(cart_cn == ''){
            $.ajax({
                type : "GET",
                url:"/index.php?m=Home&c=Cart&a=header_cart_list",//+tab,
                success: function(data){
                    cart_cn = getCookie('cn');
                    //$('#cart_quantity').html(cart_cn);
                }
            });
        }
        // $('#cart_quantity').html(cart_cn);
    }

</script>